<template>
	<view class="body">
		<xk-header :headerbg="true" :back="true" title="消息详情"></xk-header>
		<view class="list-info">
			<view class="list-item">
				<view class="title">{{data.name}}</view>
				<view class="sec-title-view">
					<view>{{data.publish_dept}}</view>
					<view v-if="data.enable_time">{{data.enable_time}}</view>
				</view>
				<text space="nbsp">{{data.content}}</text>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				data: {}
			};
		},
		onLoad(options) {
			if (options && options.data) {
				this.data = JSON.parse(options.data);
			}
		},
		methods:{
		}
	}
</script>

<style lang="scss">

.list-info {
	margin: 20rpx 20rpx 0rpx 20rpx;

	.list-item {
		background-color: #FFFFFF;
		border-radius: 10rpx;
		font-size: 28rpx;
		color: #757A82;
		padding: 40rpx 30rpx 50rpx 30rpx;
		margin-top: 10rpx;
		.jf-header{
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 28rpx;
			color: #333333;
			margin-bottom: 50rpx;
			.time-l{
				font-size: 28rpx;
				color: #333333;
				font-weight: bolder;
			}
		}
		.title {
			color: #333;
			font-size: 32rpx;
			font-weight: bold;
		}
		.warning{
			font-size: 28rpx;
			color: #FF3737;
		}
		.btn-bar{
			display: flex;
			justify-content: flex-end;
			marign-top: 30rpx;
			.btn-s{
				height: 60rpx;
				background: #EEF4FF;
				border-radius: 30rpx;
				font-size: 28rpx;
				color: #2C72FF;
				line-height: 60rpx;
				padding: 0 32rpx;
			}
		}
		.sec-title-view {
			display: flex;
			margin: 20rpx 0rpx;
			align-items: center

			:first-child {
				font-size: 24rpx;
				color: #2C72FF;
			}
			:last-child {
				margin-left: 10rpx;
				color: #999;
				font-size: 24rpx;
			}
		}
	}
}
</style>
